@charset "utf-8";
/*-----------------------------------------------------------*/
/*copyright by 动力无限 www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/
/*Generated by wjdhcms 3.0 */
.dx {
text-transform: uppercase;
}
.dh {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.clearboth:after {
content: "";
display: block;
clear: both;
font-size: 0;
line-height: 0;
}
@keyframes huanying1 {
0% {
left: 0;
opacity: 1;
}
100% {
left: 15px;
opacity: 0;
}
}
@keyframes huanying2 {
0% {
opacity: 0;
left: -10px;
}
100% {
left: 0;
opacity: 1;
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-moz-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
-moz-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-moz-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-moz-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-moz-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #E2E2E2;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #555;
}
::selection {
background-color: #015192;
color: #fff;
}
::-moz-selection {
background-color: #015192;
color: #fff;
}
::-webkit-selection {
background-color: #015192;
color: #fff;
}
* {
padding: 0;
margin: 0;
}
body {
font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
color: #333;
margin: 0;
line-height: 1.5;
}
*:before,
*:after {
box-sizing: content-box;
}
:focus {
outline: 1;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
a {
color: #333;
text-decoration: none;
}
a:link,
a:hover,
a:active,
a:visited {
text-decoration: none;
}
ins {
background-color: #015192;
color: #000;
text-decoration: none;
}
mark {
background-color: #015192;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
li,
ul {
list-style-type: none;
}
img {
border: none;
}
input,
textarea {
outline: 0;
border: 0;
resize: none;
font-size: 14px;
font-family: 'Microsoft YaHei', arial, helvetica;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
font-weight: normal;
font-style: normal;
}
html {
cursor: url(../images/cur.png), default;
}
a {
cursor: url(../images/Acur.png), default;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
textarea {
animation: animated 1s infinite;
-moz-animation: animated 1s infinite;
-webkit-animation: animated 1s infinite;
-o-animation: animated 1s infinite;
}
input[type="text"] {
animation: animated 1s infinite;
-moz-animation: animated 1s infinite;
-webkit-animation: animated 1s infinite;
-o-animation: animated 1s infinite;
}
input[type="button"] {
cursor: url(../images/Acur.png), default !important;
}
input,
button {
outline: none;
}
@keyframes animated {
0% {
cursor: url('../images/Pcuro1.png'), auto;
}
8.8% {
cursor: url('../images/Pcuro2.png'), auto;
}
17.6% {
cursor: url('../images/Pcuro3.png'), auto;
}
26.4% {
cursor: url('../images/Pcuro4.png'), auto;
}
35.2% {
cursor: url('../images/Pcuro5.png'), auto;
}
44% {
cursor: url('../images/Pcuro6.png'), auto;
}
52.8% {
cursor: url('../images/Pcuro7.png'), auto;
}
61.6% {
cursor: url('../images/Pcuro8.png'), auto;
}
70.4% {
cursor: url('../images/Pcuro9.png'), auto;
}
79.2% {
cursor: url('../images/Pcuro10.png'), auto;
}
88% {
cursor: url('../images/Pcuro11.png'), auto;
}
100% {
cursor: url('../images/Pcuro12.png'), auto;
}
}
.wjdh-message * {
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.left {
float: left;
}
.right {
float: right;
}
.inContent {
width: 1280px;
margin: 0 auto;
position: relative;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.inContent:after {
content: "";
display: block;
clear: both;
font-size: 0;
line-height: 0;
}
.inContent * {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
min-width: 1300px;
overflow-x: hidden;
}
.button {
--duration: 0.5s;
--move-hover: -5px;
cursor: pointer;
-webkit-transform: translateY(var(--y));
transform: translateY(var(--y));
transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
transition: transform var(--duration) ease, box-shadow var(--duration) ease;
transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
.button span {
display: inline-block;
}
.button span i {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-style: normal;
}
.button span i:nth-child(1) {
--d: 0.05s;
}
.button span i:nth-child(2) {
--d: 0.1s;
}
.button span i:nth-child(3) {
--d: 0.15s;
}
.button span i:nth-child(4) {
--d: 0.2s;
}
.button span i:nth-child(5) {
--d: 0.25s;
}
.button span i:nth-child(6) {
--d: 0.3s;
}
.button span i:nth-child(7) {
--d: 0.35s;
}
.button span i:nth-child(8) {
--d: 0.4s;
}
.button span i:nth-child(9) {
--d: 0.45s;
}
.button span i:nth-child(10) {
--d: 0.5s;
}
.button span i:nth-child(11) {
--d: 0.55s;
}
.button span i:nth-child(12) {
--d: 0.6s;
}
.button span i:nth-child(13) {
--d: 0.65s;
}
.button span i:nth-child(14) {
--d: 0.7s;
}
.button:hover {
--move: -5px;
}
.button:hover i {
-webkit-animation: move var(--duration) linear var(--d);
animation: move var(--duration) linear var(--d);
}
@-webkit-keyframes move {
40% {
-webkit-transform: translateY(var(--move));
transform: translateY(var(--move));
}
}
@keyframes move {
40% {
-webkit-transform: translateY(var(--move));
transform: translateY(var(--move));
}
}
@keyframes msClock2 {
0%,
70%,
100% {
transform: rotate(0) scale(1);
}
10%,
30% {
transform: rotate(-15deg) scale(1);
}
20%,
40% {
transform: rotate(15deg) scale(1);
}
}
.header {
width: 100%;
background: #015192;
}
.inTop {
height: 162px;
}
.inTop .logo {
float: left;
padding: 0;
margin: 0;
padding-top: 59px;
line-height: 1;
text-align: center;
}
.inTop .logo a img {
display: block;
}
.inTop .slogan {
float: left;
font-size: 15px;
padding-left: 20px;
margin-left: 22px;
margin-top: 64px;
line-height: 1;
color: #fff;
font-weight: 100;
letter-spacing: 2px;
position: relative;
}
.inTop .slogan:before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 40px;
background-color: #fff;
left: 0;
top: 50%;
margin-top: -20px;
}
.inTop .slogan .t2 {
margin-top: 10px;
}
.inTop .tel {
float: right;
position: relative;
color: #ffffff;
line-height: 1;
margin-top: 58px;
text-align: right;
}
.inTop .tel .t1 {
height: 18px;
line-height: 18px;
}
.inTop .tel .xunpan {
display: inline-block;
cursor: pointer;
position: relative;
z-index: 1;
}
.inTop .tel .xunpan:before {
content: "";
display: inline-block;
background: url(../images/xunpan.png) center center no-repeat;
width: 15px;
height: 17px;
position: relative;
margin-right: 10px;
vertical-align: middle;
top: -2px;
}
.inTop .tel .xunpan .xunpantip {
z-index: 999;
position: absolute;
top: 35px;
left: 50%;
width: 180px;
height: 30px;
line-height: 30px;
text-align: center;
color: #015192;
font-size: 14px;
-webkit-transform: translateX(-50%) scale(0);
-moz-transform: translateX(-50%) scale(0);
-o-transform: translateX(-50%) scale(0);
-ms-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
-webkit-transition: transform 0.4s, opacity 0.4s;
-moz-transition: transform 0.4s, opacity 0.4s;
-o-transition: transform 0.4s, opacity 0.4s;
-ms-transition: transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
background-color: #fff;
border-radius: 4px;
opacity: 0;
font-weight: bold;
box-shadow: 3px 3px 2px rgba(255, 255, 255, 0.15);
}
.inTop .tel .xunpan .xunpantip:after {
content: '';
position: absolute;
top: -16px;
left: 50%;
width: 0;
height: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border: 8px solid transparent;
border-bottom-color: #fff;
}
.inTop .tel .xunpan:hover .xunpantip {
-webkit-transform: translateX(-50%) scale(1);
-moz-transform: translateX(-50%) scale(1);
-o-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
opacity: 1;
}
.inTop .tel .telT {
display: inline-block;
margin-left: 20px;
}
.inTop .tel .telT:before {
content: "";
display: inline-block;
vertical-align: top;
width: 14px;
height: 13px;
margin-right: 5px;
animation: msClock2 1.4s linear infinite;
background: url(../images/tel.png) center center no-repeat;
}
.inTop .tel .t2 {
font-family: Arial;
font-size: 20px;
margin-top: 17px;
line-height: 20px;
}
.inTop .tel .t2 span {
font-size: 16px;
vertical-align: top;
line-height: 20px;
}
.nav_bg {
width: 100%;
background: #fff;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav_bg .menu {
position: relative;
text-align: center;
margin: auto;
width: 1280px;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 10px;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.nav_bg .menu > ul {
font-size: 0;
margin: 0 -30px;
}
.nav_bg .menu > ul > li {
display: inline-block;
position: relative;
width: 126px;
margin-left: 1px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav_bg .menu > ul > li:before {
content: "";
display: block;
position: absolute;
left: -1px;
top: 50%;
margin-top: -8px;
width: 1px;
height: 16px;
background: url(../images/navli.png) 0 center no-repeat;
}
.nav_bg .menu > ul > li:first-child {
margin-left: 0;
}
.nav_bg .menu > ul > li:first-child:before {
display: none;
}
.nav_bg .menu > ul > li > a {
display: block;
height: 70px;
line-height: 70px;
font-size: 16px;
position: relative;
z-index: 2;
}
.nav_bg .menu > ul > li > a:hover {
background-color: transparent;
}
.nav_bg .menu > ul > li.another > a,.nav_bg .menu > ul > li:hover > a {
color: #015192;
}
.nav_bg .menu > ul > li:hover .sec {
height: auto;
}
.nav_bg .menu > ul > li:hover .secs {
height: auto;
}
.nav_bg .menu .sec {
min-width: 100%;
overflow: hidden;
z-index: 9999;
position: absolute;
top: 70px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: rgba(1, 81, 146, 0.95);
display: none;
font-size: 14px;
text-align: left;
}
.nav_bg .menu .sec a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
line-height: 39px;
height: 39px;
color: #fff;
padding: 0 10px;
font-size: 14px;
text-align: center;
}
.nav_bg .menu .sec a:hover {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.nav_bg .menu .secs {
width: 100%;
z-index: 9999;
position: absolute;
top: 70px;
left: 50%;
margin-left: -340px;
padding: 36px 0 36px 40px;
width: 630px;
display: none;
background: rgba(1, 81, 146, 0.95);
text-align: left;
}
.nav_bg .menu .secs:after {
content: "";
display: block;
clear: both;
font-size: 0;
line-height: 0;
}
.nav_bg .menu .secs .navPic {
float: left;
width: 315px;
}
.nav_bg .menu .secs .navPic .pic {
width: 100%;
display: block;
min-height: 160px;
}
.nav_bg .menu .secs .navPic .pic img {
width: 100%;
display: block;
}
.nav_bg .menu .secs .navPic h4 {
font-size: 16px;
color: #fff;
font-weight: normal;
margin-top: 20px;
line-height: 1.6;
}
.nav_bg .menu .secs .navPic p {
font-size: 14px;
color: #fff;
margin-top: 10px;
}
.nav_bg .menu .secs ul {
float: right;
width: 230px;
}
.nav_bg .menu .secs ul > li {
background: none;
}
.nav_bg .menu .secs ul > li > a {
display: block;
text-align: left;
line-height: 24px;
margin-top: 16px;
color: #fff;
padding: 0 30px 0 20px;
background: url(../images/nav_icon01.png) 0 7px no-repeat;
font-size: 14px;
}
.nav_bg .menu .secs ul > li > a:hover {
color: #fff;
background: url(../images/nav_icon02.png) 0 7px no-repeat;
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.nav_bg .menu .secs ul > li:first-child > a {
margin-top: 0;
}
.nav_bg .menu .secs ul > li:hover .nlayer2 {
height: auto;
visibility: visible;
transform: perspective(400px) rotateY(0);
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
}
.nav_bg .menu .secs ul > li:hover .nlayer2 a:nth-child(1) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.2s;
}
.nav_bg .menu .secs ul > li:hover .nlayer2 a:nth-child(2) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.24s;
}
.nav_bg .menu .secs ul > li:hover .nlayer2 a:nth-child(3) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.28s;
}
.nav_bg .menu .secs ul > li:hover .nlayer2 a:nth-child(4) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.32s;
}
.nav_bg .menu .secs ul > li:hover .nlayer2 a:nth-child(5) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.36s;
}
.nav_bg .menu .secs ul > li:hover .nlayer2 a:nth-child(6) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.4s;
}
.nav_bg .menu .secs ul > li:hover .nlayer2 a:nth-child(7) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.44s;
}
.nav_bg .menu .secs ul > li:hover .nlayer2 a:nth-child(8) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.48s;
}
.nav_bg .menu .secs ul > li:hover .nlayer2 a:nth-child(9) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.52s;
}
.nav_bg .menu .secs ul > li:hover .nlayer2 a:nth-child(10) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.56s;
}
.nav_bg .menu .secs .nlayer2 {
position: absolute;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 36px;
left: 100%;
width: 260px;
padding: 36px 10px 36px 20px;
height: 100%;
visibility: hidden;
top: 0;
background: rgba(1, 81, 146, 0.95);
border-left: 1px rgba(255, 255, 255, 0.1) solid;
transform-origin: left;
-webkit-transform-origin: left;
-moz-transform-origin: left;
transform: perspective(400px) rotateY(90deg);
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
.nav_bg .menu .secs .nlayer2 .nlayer2Box {
overflow-y: auto;
padding-right: 10px;
height: 100%;
}
.nav_bg .menu .secs .nlayer2 a {
display: block;
line-height: 24px;
margin-top: 16px;
background: url(../images/nav_icon01.png) 0 7px no-repeat;
color: #fff;
padding-left: 20px;
position: relative;
left: 0;
font-size: 14px;
opacity: 0;
filter: alpha(opacity=0);
}
.nav_bg .menu .secs .nlayer2 a:first-child {
margin-top: 0;
}
.nav_bg .menu .secs .nlayer2 a:hover {
background: url(../images/nav_icon02.png) 0 7px no-repeat;
left: 5px;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 {
height: 100%;
visibility: visible;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 a:nth-child(1) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.2s;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 a:nth-child(2) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.24s;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 a:nth-child(3) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.28s;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 a:nth-child(4) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.32s;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 a:nth-child(5) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.36s;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 a:nth-child(6) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.4s;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 a:nth-child(7) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.44s;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 a:nth-child(8) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.48s;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 a:nth-child(9) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.52s;
}
.nav_bg .menu .secs li.nlayer1:hover .nlayer2 a:nth-child(10) {
animation: menu1 0.3s ease-in-out forwards;
animation-delay: 0.56s;
}
.fixedNav {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 100000;
box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.1);
background: #fff;
}
.inBody .header {
background: transparent;
position: absolute;
z-index: 100000;
width: 100%;
}
.inBody .header .nav_bg {
background: transparent;
}
.inBody .header .fixedNav {
box-shadow: none;
background: #fff;
}
@keyframes menu1 {
0% {
opacity: 0;
transform: translateX(-8px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/* 底部 */
.footer {
background: #015192;
color: #ffffff;
}
.footer a {
color: #ffffff;
}
.footer a:hover {
color: #ffffff;
}
.footer .footerBox {
padding-top: 38px;
}
.footer .footerBox .message {
padding-top: 20px;
padding-right: 65px;
}
.footer .footerBox .message:after {
content: "";
display: block;
clear: both;
font-size: 0;
line-height: 0;
}
.footer .footerBox .message .ewm {
float: right;
padding-top: 12px;
}
.footer .footerBox .message .ewm img {
display: block;
width: 98px;
height: 98px;
float: right;
}
.footer .footerBox .message .ewm p {
float: left;
text-align: right;
line-height: 30px;
color: #ffffff;
padding: 20px 20px 0 0;
margin-left: -1px;
}
.footer .footerBox .message .formbox {
float: left;
width: 724px;
}
.footer .footerBox .message .formbox input {
display: block;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
height: 40px;
background-color: transparent;
line-height: 30px;
border: none;
border-bottom: solid 1px rgba(185, 182, 182, 0.2);
color: #fff;
font-weight: normal;
font-size: 14px;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
padding: 4px 20px 0;
float: left;
}
.footer .footerBox .message .formbox input.username {
margin-right: 32px;
}
.footer .footerBox .message .formbox input.usertel {
margin-right: 32px;
}
.footer .footerBox .message .formbox input.xqcontent {
width: 630px;
margin-top: 35px;
}
.footer .footerBox .message .formbox input::-webkit-input-placeholder {
color: #fff;
font-size: 14px;
font-weight: bold;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footer .footerBox .message .formbox input:focus,
.footer .footerBox .message .formbox input:active {
background-color: rgba(255, 255, 255, 0.4);
}
.footer .footerBox .message .formbox input:focus::-webkit-input-placeholder,
.footer .footerBox .message .formbox input:active::-webkit-input-placeholder {
opacity: 0.6;
filter: alpha(opacity=60);
}
.footer .footerBox .message .formbox .code {
float: left;
position: relative;
}
.footer .footerBox .message .formbox .code .imgCode {
position: absolute;
right: 0;
top: 0;
width: 92px;
height: 36px;
}
.footer .footerBox .message .formbox .submitform {
margin-top: 35px;
display: block;
float: right;
color: #015192;
border: none;
width: 94px;
height: 40px;
background-color: #ffffff;
line-height: 40px;
font-size: 14px;
text-align: center;
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
cursor: pointer;
}
.footer .footerBox .message .formbox .submitform:hover {
box-shadow: 0 8px 10px -5px rgba(255, 255, 255, 0.5);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.footer .footerBox .lxList {
height: 60px;
margin-top: 48px;
}
.footer .footerBox .lxList:after {
content: "";
display: block;
clear: both;
font-size: 0;
line-height: 0;
}
.footer .footerBox .lxList ul:after {
content: "";
display: block;
clear: both;
font-size: 0;
line-height: 0;
}
.footer .footerBox .lxList ul li {
float: left;
width: 25%;
padding-left: 12px;
border-left: 1px solid rgba(255, 255, 255, 0.5);
height: 60px;
}
.footer .footerBox .lxList ul li.li1 {
width: 300px;
}
.footer .footerBox .lxList ul li.li2 {
width: 340px;
}
.footer .footerBox .lxList ul li.li3 {
width: 345px;
}
.footer .footerBox .lxList ul li.li4 {
width: 295px;
}
.footer .footerBox .lxList ul li p {
line-height: 20px;
font-size: 16px;
position: relative;
top: -2px;
}
.footer .footerBox .lxList ul li p span {
display: block;
font-size: 18px;
font-family: Arial;
}
.footer .footerBox .lxList ul li h4 {
float: left;
font-size: 14px;
margin-top: 10px;
line-height: 1;
}
.footer .footerBox .fontnNav {
margin-top: 48px;
padding-bottom: 35px;
}
.footer .footerBox .fontnNav:after {
content: "";
display: block;
clear: both;
font-size: 0;
line-height: 0;
}
.footer .footerBox .fontnNav dl {
float: left;
padding-left: 43px;
position: relative;
width: 215px;
padding-top: 10px;
}
.footer .footerBox .fontnNav dl.dl4 {
width: 200px;
}
.footer .footerBox .fontnNav dl dt {
font-size: 16px;
line-height: 1;
color: #ffffff;
position: relative;
}
.footer .footerBox .fontnNav dl dt:before {
content: "";
display: block;
position: absolute;
left: -43px;
top: 50%;
width: 32px;
height: 1px;
background-color: #cccccc;
}
.footer .footerBox .fontnNav dl dd {
margin-top: 14px;
overflow: hidden;
height: 128px;
}
.footer .footerBox .fontnNav dl dd a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 32px;
position: relative;
color: #f0f0f0;
}
.footer .footerBox .fontnNav dl dd a:hover {
-webkit-transform: translateX(5px);
transform: translateX(5px);
color: #fff;
}
.footer .footerBox .fontnNav .copyright {
float: right;
width: 400px;
}
.footer .footerBox .fontnNav .copyright p {
line-height: 36px;
}
.footer .footerBox .fontnNav .copyright .img {
margin-top: 20px;
}
.footer .footerBox .fontnNav .copyright .img img {
vertical-align: middle;
max-height: 20px;
margin: 0 5px;
}